<template>
  <div>
    <ul>
      <li v-for="(item,index) in arr " :key="index">{{index}}--{{item}}</li>
    </ul>
    <div class="bfc">
       <p v-for="(value,key) in obj" :key="key">{{key}}:{{value}}</p>
    </div>
   
    <ul>
      <li v-for="(item,index) in 10" :key="index">{{index}}--{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
 

  data() {
    return {
      arr:['张三','李四','王五','赵六'],
      obj:{
        name:"张三",
        age:18
      }

    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="less" scoped>
ul{
  list-style: none;
  overflow: hidden;
}
.bfc{
  overflow: hidden;
}
</style>